@CHARSET "UTF-8";

<
style><!--.m_f img {
	
}

body {

	background: #ffffff;
	clear: both;
}


img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
}

#wrapper {
	margin: 0 auto;
	max-width: 1150px;
	width: 100%;
}

#content_middle{
	width:100%;
	margin-top:3%;
}

/*-------- login 회원가입등등-------- */
#btnLogin{
	vertical-align:bottom;
	letter-spacing : 0.1em;
	font-size:10px;
	text-align:center;
	height:18px;
	margin-right:8px;
}
#btnLogout{
	vertical-align:bottom;
	letter-spacing : 0.1em;
	font-size:10px;
	text-align:center;
	height:18px;
	margin-right:8px;
}
#pwd, #mid{
	vertical-align:bottom;
	height:13px;
	margin-right:5px;
}
#title_m >label{
	font-size:10px;
}

#log{

	width:100%;
	height:20px;
}





/* #product{ */
/* 	width:100%; */
/* 	height:700px; */
/* 	background:#E0FFE0; */
/* } */

/* #contentAll { */
/* 	float: left; 	background: #ffffff;	width: 95%; */
/* 	height: 750px;	border-radius: 10px; */
/* } */
/* ---------font collection ---------*/
/* .google{ */
/* 	font-family: 'Lobster', cursive; */
/* } */
/* ---------------------------------- */

/* 추가 메뉴버튼 */
#menu_bar2{
	width:8%;
	height:15%;
	background:#80FFC0;
}
#menu_bar2 ul{
	letter-spacing : 0.2em; word-spacing: 5pt;
	margin:0 auto;
	padding: 0;
	list-style: none;
}

#menu_bar2 li a{
	margin:0 auto;
	vertical-align:top;
	display: block;
	margin-bottom:5%;
}


nav {
/*  	font-size:10px; */
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	width:100%;
	height:35px;margin-bottom:10px;
}
nav img {
   height:18px; 
}

nav ul {
	margin-top:10px; 
	letter-spacing : 0.2em; word-spacing: 5pt;
	background:#c9cffe; 	list-style: none;
	line-height:-50px; 
	padding: 0;
}

nav li a {
	vertical-align:top;
	color: #400040;
	display: block;
	float: left;
	margin-left:20px;
	margin-bottom:5px;
/* 	text-decoration: none; */
}

/* nav a:hover, nav li.active a { */
/* 	background-color: #322F2C; */
/* 	color: #fff; */
/* } */
#main_view{
	width:100%;
}

#left {
	border: 1px solid #3ea4e1;
	width: 98%;
	margin-top: 5%;
	margin-left: 1%;
	float: left;
	height: 180px;
	border-radius: 10px;
}

#content {
	border: 1px solid #3ea4e1;
	width: 98%;
	height: 180px;
	float: left;
	margin-top: 5%;
	margin-left: 1%;
	border-radius: 10px;
}

#sidebar1 {
	border: 1px solid #3ea4e1;
	width: 98%;
	height: 180px;
	float: left;
	margin-top: 5%;
	margin-left: 1%;
	border-radius: 10px;
}

#com {
	width:100%;
	float: bottom;
	border-radius: 5px;
}

@media only screen and (min-width:158px) and (max-width:600px) {
	.body {
		width: 98%;
		font-size: 95%;
	}
	#wrapper img {
		width: 100%;
	}
/* 	.mainheader nav { */
/* 		height: 160px; */
/* 	} */
/* 	.mainheader nav ul { */
/* 		padding-left: 0; */
/* 	} */
/* 	.mainheader nav ul li { */
/* 		width: 100%; */
/* 		margin:0 auto; */
/* 		text-align: center; */
/* 	} */
/* 	.mainheader nav a:link, .mainheader nav a:visited { */
/* 		padding: 10px 25px; */
/* 		height: 20px; */
/* 		display:inline-block; */
/* 	} */
	#left {
		height: 160px;
		width: 90%;
		display: inline;
		list-style: none;
		display: inline-block;
	}
	#content {
		height: 160px;
		width: 90%;
		display: inline;
		list-style: none;
		display: inline-block;
	}
	#sidebar1 {
		height: 160px;
		width: 90%;
		display: inline;
		list-style: none;
		display: inline-block;
	}
	#company {
	width: 90%;
	float: bottom;
	width: 90%;
	border: 1px solid #264046;
}
}
-->
</
style
>